{extend name="common/base" /}
{block name="title"}华创俱乐部{/block}
{block name="main"}
<div>

    <!--header-->
    <header class="header">
        <div class="container clearfix">
            <div class="logo">
                <a href="{:Url('index/index/index')}"><img src="__HOME__/images/logo.jpg" alt="" /></a>
            </div>
            <a href="#mmenu" class="iconfont phone-nav">
                <span class="glyphicon glyphicon-align-justify"></span>
            </a>
            <div class="nav_right">
                <ul>
                    <li><a href="{:Url('index/index/index')}">网站首页</a></li>
                    <li><a href="{:Url('index/about/about')}">关于我们</a>
                        <div class="erji">
                            <a href="{:Url('index/about/about')}">公司简介</a>
                            <a href="{:Url('index/about/honor')}">荣誉资质</a>
                            <a href="{:Url('index/about/about')}">企业文化</a>
                            <a href="{:Url('index/about/about')}">发展历程</a>
                            <a href="{:Url('index/about/about')}">导师简介</a>
                        </div>
                    </li>
                    <li><a href="{:Url('index/pro/pro')}">平台展示</a>
                        <div class="erji">
                            <a href="http://www.v7mall.com">为企商城</a>
                            <a href="http://www.massmakers.cn">创服汇</a>
                            <a href="http://www.massmakers.cn/gongyi">华创公益平台</a>
                        <a href="http://www.massmakers.cn/zhaopin">华创招聘</a>
                        </div>
                    </li>
                    <li><a href="{:Url('index/news/news')}">新闻资讯</a>
                        <div class="erji">
                            <a href="{:Url('index/news/news')}">公司新闻</a>
                            <a href="{:Url('index/news/news')}">行业新闻</a>
                        </div>
                    </li>
                    <li><a href="{:Url('index/job/job_show')}">招贤纳士</a>
                        <div class="erji">
                            <a href="{:Url('index/job/job_show')}">求职招聘</a>
                            <!--<a href="{:Url('index/job/job')}">画册宣传册</a>
                            <a href="{:Url('index/job/job')}">海报印刷</a>
                            <a href="{:Url('index/job/job')}">包装印刷</a>-->
                        </div>
                    </li>
                    <!--<li><a href="service.html">印刷服务</a>
                        <div class="erji">
                            <a href="service.html">印刷服务一</a>
                            <a href="service.html">印刷服务二</a>
                            <a href="service.html">印刷服务三</a>
                        </div>
                    </li>-->
                    <li  class="active"><a href="{:Url('index/contact/contact')}">联系我们</a>
                        <div class="erji">
                            <a href="{:Url('index/contact/contact')}">联系方式</a>
                            <a href="{:Url('index/contact/feedback')}">在线留言</a>
                        </div>
                    </li>
                </ul>
                <div class="yuyan">
                    <span>语言</span>
                    <i>
                        <a href="">ENGLISH</a>
                        <a href="">中文</a>
                    </i>
                </div>
            </div>
        </div>
        <div class="dian_div">
            <div class="container">
                <span>公司电话：<a href="tel:021-50329161">021-50329161</a></span>
            </div>
        </div>
    </header>

    <!--banner-->
    <section class="banner">
        <div><img src="__HOME__/images/banner_contact.png" alt="" /></div>
    </section>
    <div class="zi_com clearfix">
        <div class="zi_left">
            <div class="top">
                <span class="span1">联系我们</span>
                <span  class="span2">CONTACT</span>
            </div>
            <ul>
                <li  class="active">
                    <a href="{:Url('index/contact/contact')}">联系我们</a>
                </li>
                <li>
                    <a href="{:Url('index/contact/feedback')}">在线留言</a>
                </li>

            </ul>
        </div>
        <div class="zi_right">
            <div class="bar clearfix">
                <span class="b_tt">联系我们</span>
                <span class="curbar"><i>您当前的位置：</i><a href="{:Url('index/index/index')}">首页</a> ><i>联系我们</i></span>
            </div>
            <div class="contact_zi">
                <div class="contact_map">
                    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6d88e38ab7f507ee19cec46443691d95"></script>
                    <div id="map"></div>
                    <script type="text/javascript">

                        // 百度地图API功能
                        var map = new BMap.Map("map");    // 创建Map实例
                        var point = new BMap.Point(121.525653,31.305071);   //坐标拾取网址：http://api.map.baidu.com/lbsapi/getpoint/index.html

                        var marker = new BMap.Marker(point);  // 创建标注
                        var mapStyle = {style:"normal"};
                        map.setMapStyle(mapStyle);

                        var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺
                        var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件

                        marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
                        map.centerAndZoom(point, 18);  // 初始化地图,设置中心点坐标和地图级别
                        map.addOverlay(marker);               // 将标注添加到地图中
                        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
                        map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
                        map.setCurrentCity("上海");          // 设置地图显示的城市 此项是必须设置的

                        window.onresize = function(){
                            map.centerAndZoom(point, 15);  // 重置窗口的时候 重新获取中心点坐标的位置
                        }

                        map.addControl(top_left_control);
                        map.addControl(top_left_navigation);
                        /*map.addControl(top_right_navigation);  */
                    </script>
                </div>
                <div class="cont_text">
					<span>
						TEl:<a href="tel:021-50329161">021-50329161 </a>
					</span>
                    <p>
                        邮 箱：<a href="xubing@hcclub.org">xubing@hcclub.org</a>
                    </p>
                    <p>
                        手 机：<a href="tel:18149765680">18149765680</a>
                    </p>
                    <p>
                        地 址：上海市杨浦区国定东路200号裙楼3楼
                    </p>
                </div>
            </div>
            <div class="guan_new">
                <div class="guan_top">
                    <span>新闻资讯</span>
                </div>
                <ul class="guan_ul">
                    <li>
                        <a href="{:Url('index/news/news')}">
                            <time>2015-06-08</time>
                            <h4>还在舍近求远？转化只会越来越远</h4>
                            <p>
                                对于多数To B类营销人员而言，他们的工作职责可以概括为以下几点：寻找潜在客户、挖掘商机...
                            </p>
                            <span>MORE</span>
                        </a>
                    </li>
                    <li>
                        <a href="{:Url('index/news/news')}">
                            <time>2015-06-08</time>
                            <h4>企业该如何享用奥运新媒体盛宴？</h4>
                            <p>
                                似乎一提到里约奥运，就有种忧心忡忡的感觉，虽然磕磕绊绊，但它仍然如期开幕了，人们的目光也立刻转向体育赛事中...
                            </p>
                            <span>MORE</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </div>

</div>
{/block}

